<template>
  <section data-v-6557ea00="" data-v-744f7462="" class="top-page home-page">
    <img data-v-6557ea00="" src="https://webusstatic.yo-star.com/ark_jp_web/pc/img/bg.9433f433.png" alt="bg" class="bg">
    <video data-v-6557ea00="" muted="muted" preload="" autoplay="autoplay" id="home-top-bg" loop="loop" src="https://webusstatic.yo-star.com/ark_jp_web/pc/media/home_top_bg.10672972.mp4" class="video-bg">
    </video>
    <div data-v-6557ea00="" class="right-nav">
      <div data-v-6557ea00="" class="box-wrap">
        <div data-v-6557ea00="" class="pv-box">
          <span data-v-6557ea00="" class="pv-box-tip">
            PV
          </span>
          <a data-v-6557ea00="" href="javascript: void(0);" class="pv-box-a">
            EP5
          </a>
          <a data-v-6557ea00="" href="javascript: void(0);" class="pv-box-a">
            001
          </a>
          <a data-v-6557ea00="" href="javascript: void(0);" class="pv-box-a active">
            002
          </a>
          <a data-v-6557ea00="" href="javascript: void(0);" class="pv-box-a">
            003
          </a>
        </div>
      </div>
      <div data-v-6557ea00="" class="other-nav">
        <a data-v-6557ea00="" href="https://twitter.com/ArknightsStaff" target="_blank" class="link-box">
          <img data-v-6557ea00="" src="" alt="">
        </a>
        <a data-v-6557ea00="" href="https://www.youtube.com/channel/UCvoQlzEzqa6vQA8hq9GNNug" target="_blank" class="link-box">
          <img data-v-6557ea00="" src="https://webusstatic.yo-star.com/ark_jp_web/pc/img/yotube_icon.1ed15b31.png" alt="">
        </a>
      </div>
    </div>
    <div data-v-6557ea00="" class="play-btn-box">
      <img data-v-6557ea00="" src="" alt="play">
    </div>
    <div data-v-6557ea00="" class="pre-download-box">
      <img data-v-6557ea00="" src="https://webusstatic.yo-star.com/ark_jp_web/pc/img/prebutton_bg.f0c46402.png" alt="" class="bg">
      <div data-v-6557ea00="" class="pre-button special">
        <a data-v-6557ea00="" href="https://apps.apple.com/jp/app/id1478990007?mt=8" target="_blank" class="ios-btn">
          <img data-v-6557ea00="" src="https://webusstatic.yo-star.com/ark_jp_web/pc/img/ios_btn.9c7dedc5.png" alt="">
        </a>
        <a data-v-6557ea00="" href="https://play.google.com/store/apps/details?id=com.YoStarJP.Arknights" target="_blank" class="google-btn">
          <img data-v-6557ea00="" src="https://webusstatic.yo-star.com/ark_jp_web/pc/img/google_btn.72633beb.png" alt="">
        </a>
      </div>
    </div>
    <div data-v-6557ea00="" class="scroll-box">
      <img data-v-6557ea00="" src="https://webusstatic.yo-star.com/ark_jp_web/pc/img/logo02.9e90c5cb.png" alt="logo" class="logo">
      <div data-v-6557ea00="" class="mouse-box">
        <div data-v-6557ea00="" class="mouse-tip">
          <img data-v-6557ea00="" src="" alt="" class="mouse">
        </div>
      </div>
    </div>
  </section>
</template>

<script>
export default {
  name: 'HelloWorld'
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import "https://webusstatic.yo-star.com/ark_jp_web/pc/css/app.690139fa.css";
@import "https://webusstatic.yo-star.com/ark_jp_web/pc/css/chunk-vendors.c412edf5.css";
@import "https://webusstatic.yo-star.com/ark_jp_web/pc/css/chunk-vendors.c412edf5.css";
@import "https://webusstatic.yo-star.com/ark_jp_web/pc/css/app.690139fa.css";
@import "";
@import "";
</style>
